<template>
  <div class="receipt_task_detail">
    <!-- <div class="detail_item">
      <div class="item_label">公告编号</div>
      <div :span="17" class="item_value">{{form.announceid}}</div>
    </div> -->
    <div class="detail_item">
      <div class="item_label">主办方ID</div>
      <div :span="17" class="item_value">{{form.orgid}}</div>
    </div>
    <div class="detail_item">
      <div class="item_label">收鸽公告标题</div>
      <div :span="17" class="item_value">{{form.name}}</div>
    </div>
    <!-- <div class="detail_item">
      <div class="item_label">更新时间</div>
      <div :span="17" class="item_value">{{parseTime(form.updatetime, 'YYMMDD HH:SS:MM')}}</div>
    </div> -->
    <div class="detail_item">
      <div class="item_label">抓取时间</div>
      <div :span="17" class="item_value">{{form.jobtime}}</div>
    </div>
    <!-- <div class="detail_item">
      <div class="item_label">公告类型</div>
      <div :span="17" class="item_value">
        {{ form.type === '1' ? '链接公告' : ''  }}
      </div>
    </div> -->
    <div class="detail_item">
      <div class="item_label">公告链接</div>
      <div :span="17" class="item_value">{{form.url}}</div>
    </div>
    <div class="detail_item">
      <div class="item_label">抓取羽数</div>
      <div :span="17" class="item_value">{{form.amount}}</div>
    </div>
    <!-- <div class="detail_item">
      <div class="item_label">羽数校验</div>
      <div :span="17" class="item_value">{{form.ischeck === 0 ? '未校验' : form.ischeck === 1 ?  '已校验' : ''}}</div>
    </div> -->
    <div class="detail_item">
      <div class="item_label">自动抓取</div>
      <div :span="17" class="item_value">
        <el-switch v-model="form.status" :active-value="1" :inactive-value="0" disabled></el-switch>
        <div :span="9" class="item_value">{{form.endtime}}</div>
        <div :span="6" class="item_value">{{form.hour1}}点至</div>
        <div :span="6" class="item_value">{{form.hour2}}点</div>
      </div>
    </div>

  </div>
</template>

<script>
import { parseTime } from "@/utils/index";

export default {
  name: "addReceiptTask",
  props: ["detailData"],
  data() {
    return {
      form: {},
    };
  },
  created() {
    this.getDetail();
  },
  methods: {
    parseTime,
    getDetail() {
      this.form = JSON.parse(this.detailData);
    },
  },
};
</script>

<style  scoped>
.receipt_task_detail {
  border: 1px solid #dbe0ed;
  border-bottom: none;
}
.receipt_task_detail .detail_item {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #dbe0ed;
}
.receipt_task_detail .detail_item .item_label {
  background: #f2f4f8;
  font-size: 14px;
  color: #000;
  padding-right: 20px;
  min-height: 50px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.receipt_task_detail .detail_item .item_value {
  padding: 15px 0px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #303133;
}
</style>